<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>消息中心</title>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
  <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/messageCenter/messageCenter.css">
</head>

<body>
  <!-- 消息主页，显示主要信息 -->
  <div class="content">
    <a class="message" href="./messageDetai.html">
      <i class="offical-notice fl"></i>
      <div class="message-body fl">
        <p class="message-title">
          官方通知
        </p>
        <p class="message-content text-12px">
          【今天不上班，回家吧】
        </p>
      </div>
      <p class="fl time text-12px">2017-02-15</p>
    </a>
    <a class="message" href="#">
      <i class="interact-notice fl"></i>
      <div class="message-body fl">
        <p class="message-title">
          新品通知
        </p>
        <p class="message-content text-12px">
          【唐伯虎真迹即将开拍】
        </p>
      </div>
      <p class="fl time text-12px"></p>
    </a>
  </div>
  <script src="./lib/jquery/jquery.min.js"></script>
</body>

</html>